<template>
  <div class="test-container">
    <!-- <div class="top-main">
      <search :listQuery="listQuery" :path="$route.name"></search>
    </div> -->
    <div class="bottom-main">
      <div class="table-list">
        <el-form
          ref="form"
          label-position="left"
          :model="form"
          :rules="rules"
          label-width="100px"
        >
          <el-row :gutter="10">
            <el-col :span="8">
              <el-form-item label="仓库名称">
                <el-input
                  v-model.trim="form.cangkumc"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="仓库面积">
                <el-input
                  v-model.trim="form.cangkumj"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="仓库容积">
                <el-input
                  v-model.trim="form.cangkurj"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="仓库长度">
                <el-input
                  v-model.trim="form.chang"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="仓库宽度">
                <el-input
                  v-model.trim="form.kuan"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="建设时长">
                <el-input
                  v-model.trim="form.jianshesc"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="作业人数">
                <el-input
                  v-model.trim="form.zuoyers"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- <el-row :gutter="10">
            <el-col :span="8">
              <el-form-item label="番号">
                <el-input
                  v-model.trim="form.fanhao"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="代号">
                <el-input
                  v-model.trim="form.daihao"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="类别">
                <el-select v-model="form.leibie">
                  <el-option
                    v-for="item in Cklblist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="级别">
                <el-select v-model="form.jibie">
                  <el-option
                    v-for="item in Ckjblist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="部队类别">
                <el-select v-model="form.buduilb">
                  <el-option
                    v-for="item in Bdlblist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="储存性质">
                <el-select v-model="form.chucunxz">
                  <el-option
                    v-for="item in Ccxzlist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="管理体制">
                <el-select v-model="form.guanlitz">
                  <el-option
                    v-for="item in Gltzlist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="占地面积">
                <el-input
                  v-model.trim="form.zhandimj"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="战区">
                <el-select v-model="form.zhanqu">
                  <el-option
                    v-for="item in Zqlist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="保障区">
                <el-select v-model="form.baozhangq">
                  <el-option
                    v-for="item in Bzqlist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="坐落数">
                <el-input
                  v-model.trim="form.zuoluos"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="驻地">
                <el-input
                  v-model.trim="form.zhudi"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="组建时间">
                <el-date-picker
                  v-model.trim="form.zujiansj"
                  size="small"
                  type="datetime"
                  value-format="yyyy-MM-dd"
                  :editable="false"
                  placeholder="请选择时间"
                />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="定点时间">
                <el-date-picker
                  v-model.trim="form.dingdiansj"
                  size="small"
                  type="datetime"
                  value-format="yyyy-MM-dd"
                  :editable="false"
                  placeholder="请选择时间"
                />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="竣工时间">
                <el-date-picker
                  v-model.trim="form.jungongsj"
                  size="small"
                  type="datetime"
                  value-format="yyyy-MM-dd"
                  :editable="false"
                  placeholder="请选择时间"
                />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="城乡区位">
                <el-select v-model="form.chengxiangqw">
                  <el-option
                    v-for="item in Cxqwlist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="地势">
                <el-select v-model="form.dishi">
                  <el-option
                    v-for="item in Dslist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="北纬">
                <el-input
                  v-model.trim="form.beiwei"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="东经">
                <el-input
                  v-model.trim="form.dongjing"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="详细地址">
                <el-input
                  v-model.trim="form.xiangxidz"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="邮政编码">
                <el-input
                  v-model.trim="form.youzhengbm"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="军线">
                <el-input
                  v-model.trim="form.junxian"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="地方线">
                <el-input
                  v-model.trim="form.difangx"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制员额">
                <el-input
                  v-model.trim="form.bzyuane"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制军官">
                <el-input
                  v-model.trim="form.bzjunguan"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制士官">
                <el-input
                  v-model.trim="form.bzshiguan"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制义务兵">
                <el-input
                  v-model.trim="form.bzyiwub"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制职工">
                <el-input
                  v-model.trim="form.bzzhigong"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制车辆">
                <el-input
                  v-model.trim="form.bzcheliang"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制指挥车">
                <el-input
                  v-model.trim="form.bzzhihuic"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制运输车">
                <el-input
                  v-model.trim="form.bzyunshuc"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制消防车">
                <el-input
                  v-model.trim="form.bzxiaofangc"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制其它车">
                <el-input
                  v-model.trim="form.bzqitac"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制分队">
                <el-input
                  v-model.trim="form.bzfendui"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制分库">
                <el-input
                  v-model.trim="form.bzfenku"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制保管队">
                <el-input
                  v-model.trim="form.bzbaoguand"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制检修所">
                <el-input
                  v-model.trim="form.bzjianxius"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制搬运机械维修站" label-width="150px">
                <el-input
                  v-model.trim="form.bzbanyunjxwxz"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制押运队">
                <el-input
                  v-model.trim="form.bzyayund"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制警勤分队">
                <el-input
                  v-model.trim="form.bzjingqinfd"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制其它机构">
                <el-input
                  v-model.trim="form.bzqitajg"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有员额">
                <el-input
                  v-model.trim="form.xyyuane"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有军官">
                <el-input
                  v-model.trim="form.xyjunguan"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有义务兵">
                <el-input
                  v-model.trim="form.xyyiwub"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有职工">
                <el-input
                  v-model.trim="form.xyzhigong"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有车辆">
                <el-input
                  v-model.trim="form.xycheliang"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有指挥车">
                <el-input
                  v-model.trim="form.xyzhihuic"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有运输车">
                <el-input
                  v-model.trim="form.xyyunshuc"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有消防车">
                <el-input
                  v-model.trim="form.xqxiaofangc"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有其它车">
                <el-input
                  v-model.trim="form.xyqitac"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房栋数">
                <el-input
                  v-model.trim="form.kfdongshu"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房建筑面积">
                <el-input
                  v-model.trim="form.kfjianzhumj"
                  type="number"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房容量">
                <el-input
                  v-model.trim="form.kfrongliang"
                  type="number"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房洞库">
                <el-input
                  v-model.trim="form.kfdongku"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房半地下库">
                <el-input
                  v-model.trim="form.kfbandixk"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房地面库">
                <el-input
                  v-model.trim="form.kfdimiank"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房楼库">
                <el-input
                  v-model.trim="form.kflouku"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库房自动化立体库" label-width="130px">
                <el-input
                  v-model.trim="form.kfzidonghltk"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务用房栋数">
                <el-input
                  v-model.trim="form.ywdongshu"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="业务用房建筑面积(平方米)"
                label-width="180px"
              >
                <el-input
                  v-model.trim="form.ywjianzhumj"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="业务用房使用面积(平方米)"
                label-width="180px"
              >
                <el-input
                  v-model.trim="form.ywshiyongmj"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="办公用房栋数">
                <el-input
                  v-model.trim="form.bgdongshu"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="办公用房建筑面积(平方米)"
                label-width="180px"
              >
                <el-input
                  v-model.trim="form.bgjianzhumj"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="办公用房使用面积(平方米)"
                label-width="180px"
              >
                <el-input
                  v-model.trim="form.bgshiyongmj"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="生活用房栋数">
                <el-input
                  v-model.trim="form.shdongshu"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="生活用房建筑面积(平方米)"
                label-width="180px"
              >
                <el-input
                  v-model.trim="form.shjianzhumj"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="生活用户使用面积(平方米)"
                label-width="180px"
              >
                <el-input
                  v-model.trim="form.shshiyongmj"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="禁区是否划分">
                <el-select v-model="form.jinqusfhf">
                  <el-option
                    v-for="item in Jqhflist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="禁区周长(米)">
                <el-input
                  v-model.trim="form.jinquzc"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="哨所">
                <el-input
                  v-model.trim="form.shaosuo"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="库区是否封闭">
                <el-select v-model="form.kuqusfgb">
                  <el-option
                    v-for="item in Kqsffblist"
                    :key="item.id"
                    :label="item.mingcheng"
                    :value="item.daima"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="围墙、刺网、电网长度" label-width="180px">
                <el-input
                  v-model.trim="form.changdu"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="警卫兵力">
                <el-input
                  v-model.trim="form.jingweibl"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="铁路军专线">
                <el-input
                  v-model.trim="form.tieluzx"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="出岔车站">
                <el-input
                  v-model.trim="form.chuchacz"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="接轨干线">
                <el-input
                  v-model.trim="form.jieguigx"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="站台距库区">
                <el-input
                  v-model.trim="form.zhantaijkq"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="装卸搬运机械">
                <el-input
                  v-model.trim="form.zhuangxiebyjx"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="安全监控系统">
                <el-input
                  v-model.trim="form.anquanjkxt"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="内部局域网">
                <el-input
                  v-model.trim="form.neibujyw"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="军网连接方式">
                <el-input
                  v-model.trim="form.junwangljfs"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最多同时展开作业线" label-width="150px">
                <el-input
                  v-model.trim="form.zuiduotszkzyx"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="日最大吞吐量">
                <el-input
                  v-model.trim="form.tuntul"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="所属仓库编号">
                <el-input
                  v-model.trim="form.suoshuck_bh"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="所属仓库名称">
                <el-input
                  v-model.trim="form.suoshuck_mc"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="管理文职(编制管理)" label-width="150px">
                <el-input
                  v-model.trim="form.guanliwz"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="编制文职">
                <el-input
                  v-model.trim="form.bianzhiwz"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="技术文职(编制技术)" label-width="150px">
                <el-input
                  v-model.trim="form.jishuwz"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="技能文职(编制技能)" label-width="150px">
                <el-input
                  v-model.trim="form.jinengwz"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="现有文职">
                <el-input
                  v-model.trim="form.xianyouwz"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="铁路军线长度(千米)" label-width="150px">
                <el-input
                  v-model.trim="form.tljxcd"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="油罐数">
                <el-input
                  v-model.trim="form.youguans"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="油罐总容量(吨)" label-width="120px">
                <el-input
                  v-model.trim="form.youguanzrl"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="码头个数">
                <el-input
                  v-model.trim="form.matous"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="码头面积(平方米)" label-width="120px">
                <el-input
                  v-model.trim="form.matoumj"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="可停放车皮数量" label-width="120px">
                <el-input
                  v-model.trim="form.tfcps"
                  oninput="value=value.replace(/[^\d.]/g,'')"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="码头靠泊能力">
                <el-input
                  v-model.trim="form.matoukbnl"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="日（非油料）最大供应保障能力（收）（单位：吨）"
              >
                <el-input
                  v-model.trim="form.rzdgybznls"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="日（非油料）最大供应保障能力（发）（单位：吨）"
              >
                <el-input
                  v-model.trim="form.rzdgybznlf"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="担负任务">
                <el-input
                  v-model.trim="form.danfurw"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="整编基础">
                <el-input
                  v-model.trim="form.zbjc"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row> -->
        </el-form>
        <div class="btnsave">
          <el-button type="primary" @click="save">更 新</el-button>
        </div>
      </div>
    </div>
    <!-- <edit ref="edit" @fetch-data="fetchData"></edit>
    <detail ref="detail"></detail> -->
  </div>
</template>

<script>
  let _listQuery = {
    pageIndex: 1,
    pageSize: 20,
  }
  // import search from './components/search.vue'
  import {
    queryCKjbqklist,
    SaveOrUpdateCangku,
    queryCangkuById,
    queryBzqlist,
    queryBdlblist,
    queryCcxzlist,
    queryCxqwlist,
    queryCkjblist,
    queryCklblist,
    queryGltzlist,
    queryJqhflist,
    queryKqsffblist,
    queryZqlist,
    queryDslist,
  } from '@/api/cangkujiben'
  // import Edit from './components/Cangkuedit.vue'
  // import Detail from './components/CangkuDetail.vue'
  export default {
    name: 'InventoryBasicManagement',
    // components: { search, Edit, Detail },
    data() {
      return {
        listQuery: Object.assign({}, _listQuery),
        list: null,
        listLoading: true,
        layout: 'prev, pager, next, jumper',
        total: 0,
        selectRows: '',
        listQuery: {
          pageIndex: 1,
          pageSize: 10,
        },
        form: {},
        rules: {
          username: [
            { required: true, trigger: 'blur', message: '请输入用户名' },
          ],
        },
        title: '',
        dialogFormVisible: false,
        Bzqlist: [],
        Bdlblist: [],
        Ccxzlist: [],
        Cxqwlist: [],
        Ckjblist: [],
        Cklblist: [],
        Gltzlist: [],
        Jqhflist: [],
        Kqsffblist: [],
        Zqlist: [],
        Dslist: [],
      }
    },
    created() {
      this.fetchData()
      this.getjcxx()
    },
    methods: {
      async getjcxx() {
        let { data } = await queryCangkuById({
          id: 1,
        })
        this.form = Object.assign({}, data)
        this.form.id = 1
        // let data1 = await queryBzqlist({})
        // this.Bzqlist = data1.data
        // let data2 = await queryBdlblist({})
        // this.Bdlblist = data2.data
        // let data3 = await queryCcxzlist({})
        // this.Ccxzlist = data3.data
        // let data4 = await queryCxqwlist({})
        // this.Cxqwlist = data4.data
        // let data5 = await queryCkjblist({})
        // this.Ckjblist = data5.data
        // let data6 = await queryCklblist({})
        // this.Cklblist = data6.data
        // let data7 = await queryGltzlist({})
        // this.Gltzlist = data7.data
        // let data8 = await queryJqhflist({})
        // this.Jqhflist = data8.data
        // let data9 = await queryKqsffblist({})
        // this.Kqsffblist = data9.data
        // let data10 = await queryZqlist({})
        // this.Zqlist = data10.data
        // let data11 = await queryDslist({})
        // this.Dslist = data11.data
      },
      showdetail(row) {
        this.$refs['detail'].showdetail(row)
      },
      handleEdit(row) {
        if (row.id) {
          this.$refs['edit'].showEdit(row)
        } else {
          this.$refs['edit'].showEdit()
        }
      },
      handleSizeChange(val) {
        this.listQuery.pageSize = val
        this.fetchData()
      },
      handleCurrentChange(val) {
        this.listQuery.pageIndex = val
        this.fetchData()
      },
      queryData() {
        this.listQuery.pageIndex = 1
        this.fetchData()
      },
      async fetchData() {
        const { data } = await queryCKjbqklist(this.listQuery)
        this.list = data.rows
        this.total = data.total
      },
      save() {
        this.$refs['form'].validate(async (valid) => {
          if (valid) {
            const { msg } = await SaveOrUpdateCangku(this.form)
            this.$baseMessage(msg, 'success')
            this.$emit('fetch-data')
            this.close()
          } else {
            return false
          }
        })
      },
    },
  }
</script>
<style lang="scss" scoped>
  .test-container {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    background: #f6f8f9 !important;
    height: 100%;

    .top-main {
      width: 100%;
      background: #fff;
      padding: 10px 0;
    }

    .bottom-main {
      display: flex;
      flex-direction: column;
      flex: 1;
      background-color: #fff;
      margin-top: 10px;
      padding-bottom: 10px;
      overflow: hidden;

      .list-button-group {
        display: flex;
        flex-direction: row;
        padding: 20px;

        .button-item {
          padding: 0px 10px;
        }

        .button-item:first-child,
        &:last-child {
          padding: 0px 10px 0 0;
        }
      }

      .table-list {
        flex: 1;
        padding: 20px 20px;
        overflow: auto;
      }
    }

    .el-button {
      font-size: 0.14rem !important;
    }
  }

  .el-select--small {
    width: 100%;
  }

  .el-date-editor {
    width: 100%;
  }

  /* 过于长的label分两行展示样式 */
  .fold_label .el-form-item__label {
    white-space: pre-line;
    text-align-last: justify;
    text-align: justify;
    margin-top: -4px;
    line-height: 25px;
    text-justify: distribute-all-lines;
  }

  /* 其他label根据宽度自动撑开 */
  .el-form-item__label {
    text-align-last: justify;
    text-align: justify;
    text-justify: distribute-all-lines;
  }

  .btnsave {
    width: 100%;
    display: flex;
    justify-content: center;
  }
</style>
